import React,{Component} from 'react'
import {Layout,Row,Col} from 'antd'
import {Link} from 'react-keeper'
const {Header} =Layout;


export default class HeaderTop extends Component{
  render() {
    return (
        <Header className='wrap'>
          <Row>
            <Col span={6}>
              <a href='/' className='logo'/>
            </Col>
            <Col span={12} offset={2}>
              <ul className='header_tab'>
                <li><Link to='/' activeClassName='header_curPage'>首页</Link></li>
                <li><Link to='/movie' activeClassName='header_curPage'>电影</Link></li>
                <li><Link to='/spot' activeClassName='header_curPage'>热点</Link></li>
                <li><Link to='/music' activeClassName='header_curPage'>音乐</Link></li>
                <li><Link to='/book' activeClassName='header_curPage'>书籍</Link></li>
              </ul>
            </Col>
            <Col span={4}>
              login
            </Col>
          </Row>
        </Header>
    );
  }
}